.LongJianLoginPage {
	width: 100vw;
	height: 100vh;
	overflow: hidden;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;

	& > .LoginBack {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		z-index: -1;
	}

	& > .LoginBox {
		height: 517px;
		width: 969px;
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;

		& > .LoginBoxBack {
			position: absolute;
			left: 0;
			top: 0;
			right: 0;
			bottom: 0;
			z-index: -1;
		}

		& > .LoginBoxTitle {
			width: 698px;
			height: 129px;
			position: relative;
			display: flex;
			align-items: center;
			justify-content: center;
			font-size: 60px;
			font-family: YouSheBiaoTiHei;
			font-weight: 400;
			color: #ffffff;

			background: linear-gradient(
				-81deg,
				rgba(209, 209, 209, 1) 0%,
				rgba(255, 255, 255, 1) 100%
			);
			background-clip: text;
			-webkit-text-fill-color: transparent;

			& > img {
				position: absolute;
				left: 0;
				top: 0;
				right: 0;
				bottom: 0;
				z-index: -1;
			}
		}

		& > .SingUp {
			width: 100%;
			height: 300px;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;

			& > .SignUpForm {
				width: 527px;

				& > .SignUpBtn {
					margin-bottom: 0;

					button {
						height: 67px;
						font-size: 20px;
						font-weight: bold;
						background: #0042a6;
						border: 1px solid #548eb0;
					}
				}

				.ant-input-affix-wrapper {
					height: 67px;
					font-size: 25px;
					background-color: #021d4c;
					color: #4e9cff;
					border: 1px solid #548eb0;

					input {
						text-indent: 15px;
						font-size: 20px;
						background-color: #021d4c;
						color: #4e9cff;
					}

					.ant-input-password-icon.anticon {
						color: #4e9cff;
					}
				}
			}
		}
	}
}
